<template>
    <div class="mask cc ct f14" :style="{position,opacity}">{{message}}</div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
    name: 'v-mask',
    props:{
        position:{
            type: String,
            default: 'fixed'
        },
        opacity:{
            type: Number,
            default: 0.5
        },
        message:{
            type: String,
            default: ''
        }
    }
})
</script>

<style lang="scss" scoped>
.mask{
    width: 100%;
    background-color: rgba($color: #000000, $alpha: .7);
    color: red;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
}
</style>